<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品列表</title>
		<link rel="icon" href="/images/favicon.ico">
		<link rel="stylesheet" type="text/css" href="/css/list.css"/>
		<link rel="stylesheet" href="/css/header.css" />
	</head>
	<body>
		<a href="#" class="fixed_link">
			<span class="pic_icon"></span>
			<span class="fixed_border"></span>
			<span class="kefu">联系客服，在线咨询</span>
		</a>
		<header></header>
		<div class="main">
			<div class="container">
				<ul class="list_nav">
					<li class="list_goods">
						<div class="goods">商品：</div>
						<div class="goodslist">
							<a href="javascript:;" class="active">全部</a>
							<a href="javascript:;">芝士系列</a>
							<a href="javascript:;">巧克力系列</a>
							<a href="javascript:;">拿破仑系列</a>
							<a href="javascript:;">莫斯系列</a>
							<a href="javascript:;">乳脂系列</a>
							<a href="javascript:;">选拼系列</a>	
						</div>
					</li>
					<li class="list_taste">
						<div class="taste">口味：</div>
						<div class="tastelist">
							<a href="javascript:;">拿破仑</a>
							<a href="javascript:;">水果</a>
							<a href="javascript:;">巧克力</a>
							<a href="javascript:;">莫斯</a>
							<a href="javascript:;">咖啡</a>
							<a href="javascript:;">芝士</a>
							<a href="javascript:;">鲜奶</a>
							<a href="javascript:;">无糖</a>
						</div>
					</li>
				</ul>
				
				
				<div class="main_list">
						<ul class="prod_list">
							
						</ul>
					</div>
			</div>
			<script type="text/html" id="list_template">
				{{each list prod}}
				<li>
					<a href="/html/detail.html?id={{prod.id}}"><img src="{{prod.img}} class="img"><span class="favor"></span></a>
					<div class="text">
						<p class="list_desc">{{prod.desc}}</p>
						<p class="list_name">
							<span class="cn">{{prod.cn_title}} </span>
							<span class="en">{{prod.en_title}}</span></p>
						<p class="list_price">
							<span class="price">￥{{prod.price}} </span>
							<span class="pound">/{{prod.pound}}磅</span></p>
						</p>
						<a href="javascript:void(0)" class="join-basket"></a>
					</div>
				</li>
				{{/each}}
			</script>
		</div>
		<footer></footer>
		<script src="/lib/requirejs/require.js" data-main="/js/list"></script>	
	</body>
</html>
